@import '~base.less';
.component {
    padding-top: 50px;
    padding-bottom: 50px;
    table {
        h3 {
            margin: 0;
        }
        p {
            margin: 0;
        }
    }
    .filter-box-wapper {}
    .filter-box,
    .filter-box-right {
        height: 85px;
    }
    .filter-box {
        float: left;
        box-sizing: border-box;
        width: 1000px;
    }
    .filter-box-right {
        box-sizing: border-box;
        float: left;
        padding: 22px 20px;
        width: 200px;
        border-left: 2px solid @theme-grey-200;
    } // .button-xlarge {
    //     font-size: 125%;
    // }
    label {
        width: 70px;
        display: inline-block;
    }
    select,
    input {
        display: inline-block !important;
        width: 160px;
    }
    .zhi {
        margin: 0 20px;
    }
    table {
        width: 100%;
    }
    .pager {
        margin-top: 10px;
        float: right;
    }
    .table-info {
        margin: 30px 0 10px;
        a.active {
            color: brown;
        }
    }
    .pager {
        .active {
            color: brown
        }
    }
    .dialog-wapper {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(128, 128, 128, 0.75);
        &.open {
            display: block;
        }
    }
    .dialog-box {
        width: 700px;
        margin: 100px auto;
        background: #fff;
        padding: 30px;
        border-radius: 10px;
        .title {
            font-size: 30px;
            text-align: center;
        }
        .content {
            margin-top: 30px;
        }
        .date-item {
            width: 100px;
            float: left;
            input {
                width: 18px;
            }
        }
        .btn-box {
            margin-top: 30px;
            text-align: center;
        }
    }
}